@use "./variables.scss" as *;

.c-fff {
  color: $c-ff;
}

.c-main {
  color: $mainCss;
}

.c-main-1 {
  color: $mainCss-1;
}

.c-333 {
  color: $c-333;
}

.c-666 {
  color: $c-666;
}

.c-999 {
  color: $c-999;
}

.c-eee {
  color: $c-eee;
}

.c-ccc {
  color: $c-ccc;
}

.c-f00 {
  color: #f00f00;
}

.bg-ff {
  background-color: $c-ff;
}

.bg-f5 {
  background-color: $c-f5;
}

.textLeft {
  text-align: left;
}

.textCenter {
  text-align: center;
}

.textRight {
  text-align: right;
}

.fBlod {
  font-weight: bold;
}

.f500 {
  font-weight: 500;
}

.f600 {
  font-weight: 600;
}

.f400 {
  font-weight: 400;
}

.borderAll {
  border: 1px solid #e8e8e8;
}

.borderTop {
  border-top: 1px solid #e8e8e8;
}

.borderBottom {
  border-bottom: 1px solid #e8e8e8;
}

.borderLeft {
  border-left: 1px solid #e8e8e8;
}

.borderRight {
  border-right: 1px solid #e8e8e8;
}

.inline {
  display: inline;
}

.inlineBlock {
  display: inline-block;
}

.block {
  display: block;
}

.hide {
  display: none;
}

.vMiddle {
  vertical-align: middle;
}

.vBottom {
  vertical-align: bottom;
}

.textHidden {
  overflow: hidden;
  white-space: nowrap;
}

.oneLine {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.twoLine {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.threeLine {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.flexBox {
  display: flex;
}

.alignStart {
  align-items: flex-start;
}

.alignEnd {
  align-items: flex-end;
}

.flexcenterX {
  justify-content: center;
}

.flexBetween {
  justify-content: space-between;
}

.flexAround {
  justify-content: space-around;
}

.flexEnd {
  justify-content: flex-end;
}

.aiCenter {
  align-items: center;
}

.flexItem {
  flex: 1;
}

.flexWrap {
  flex-wrap: wrap;
}

.hand {
  cursor: pointer;
}

@for $i from 1 through 100 {

  // 基础间距（px 单位）
  .pl#{$i} {
    padding-left: #{$i}px;
  }

  .pr#{$i} {
    padding-right: #{$i}px;
  }

  .pt#{$i} {
    padding-top: #{$i}px;
  }

  .pb#{$i} {
    padding-bottom: #{$i}px;
  }

  .pd#{$i} {
    padding: #{$i}px;
  }

  .mg#{$i} {
    margin: #{$i}px;
  }

  .ml#{$i} {
    margin-left: #{$i}px;
  }

  .mr#{$i} {
    margin-right: #{$i}px;
  }

  .mt#{$i} {
    margin-top: #{$i}px;
  }

  .mb#{$i} {
    margin-bottom: #{$i}px;
  }
}

@for $i from 12 through 34 {
  @if ($i % 2==0) {

    // 只生成偶数
    .fs#{$i} {
      font-size: #{$i}px;
    }
  }
}

/*富文本插入内容样式*/
.ueEditorStyle {
  font-size: medium;
  word-wrap: break-word;

  * {
    word-wrap: break-word;
    max-width: 100%;
  }

  img {
    max-width: 100%;
  }

  table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    max-width: 100% !important;
    table-layout: fixed;
    margin-bottom: 10px;
  }

  table td,
  table th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 5px 10px;
  }

  a {
    text-decoration: underline;
    color: -webkit-link;
  }

  ul {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
  }

  ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
  }

  ul li {
    list-style: disc;
  }

  ol li {
    list-style: decimal;
  }

  table {
    border-collapse: separate;
    text-indent: initial;
  }

  tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
  }

  td {
    display: table-cell;
    vertical-align: inherit;
  }

  em {
    font-style: italic;
  }

  u {
    text-decoration: underline;
  }

  s {
    text-decoration: line-through;
  }

  .list-paddingleft-2 {
    padding-left: 20px;
  }
}

.UEditorTable {
  width: auto !important;
}

// 内容区
.page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 5px 10px;
  height: 100%;
  // overflow: auto;
}

//修改默认滚动条样式
::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgb(239, 239, 239);
  border-radius: 2px;
}

::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #333;
}

::-webkit-scrollbar-corner {
  background: #179a16;
}

// 必填label
.label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}

// 输入框展示字数去除边框
.inputShowCount {
  .ant-input {
    border: none !important;
  }
}

.breakAll {
  word-break: break-all;
}

.fixLabel {
  flex: 0 0 110px;
  max-width: 110px;
  word-break: break-word;
}

.fixValue {
  flex: 1;
  max-width: inherit;
  padding-right: 30px;
  box-sizing: border-box;
  word-break: break-all;
}

.threeHen {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 66px;
  overflow: hidden;
  word-break: break-word;
}